@charset "utf-8";
*{margin: 0;padding: 0;}
body {font-family: Heiti SC,Droid Sans Fallback,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;font-size: 14px;background-color: #F0F0F0;color: #222222;}
ul,ol{list-style:none}
img{max-width:100%;border:0;display: block;}
input{outline:none}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0; }
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color: inherit;}
.position{position: relative;}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont101.eot');
    src: url('../font/iconfont101.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont101.woff') format('woff'),
    url('../font/iconfont101.ttf') format('truetype'),
    url('../font/iconfont101.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*  iconfont */
.icon-youjiantou:before { content: "\e657"; }

.icon-saoma:before { content: "\e658"; }

.icon-guanbi:before { content: "\e659"; }

.icon-shanchutupianqian:before { content: "\e65a"; }

.icon-jianshao:before { content: "\e65b"; }

.icon-zengjia:before { content: "\e65c"; }

.icon-shanchutupianhou:before { content: "\e65d"; }

.icon-zengjia1:before { content: "\e65e"; }

.icon-tongji-renyuangongshizhanbi:before { content: "\e65f"; }

.icon-tongji-shebeiyouxiaojiadongshuai:before { content: "\e660"; }

.icon-tongji-shengchandanjindu:before { content: "\e661"; }

.icon-tongji-suozhanwuliaozongzhongbili:before { content: "\e662"; }

.icon-tongji-suozhanwuliaosunhaozongzhongbili:before { content: "\e663"; }

.icon-tongji-shengchanxiaoshuai:before { content: "\e664"; }

.icon-tongji-wuliaozongsunhaoshuai:before { content: "\e665"; }

.icon-tongji-zongheshebeixiaoshuai:before { content: "\e666"; }

.icon-xuanzhong:before { content: "\e667"; }

.icon-weixuanzhong:before { content: "\e668"; }




/*  iconfont END */

/* 文字单行长度限制 */
.txthid{white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis;}

/* 加载中*/
.spinner {
    width: 0.55rem;
    height: 0.55rem;
    position: fixed;
    z-index: 101;
    left: 50%;
    top: 50%;
    margin-top: -0.2rem;
    margin-left: -0.2rem;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 0.13333rem;
    height: 0.13333rem;
    background-color: #000000;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 {
    top: 0;
    left: 0;
}

.circle2 {
    top: 0;
    right: 0;
}

.circle3 {
    right: 0;
    bottom: 0;
}

.circle4 {
    left: 0;
    bottom: 0;
}

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/* 加载中end*/

/* 图片放大 */
.zoomBox{
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.zoomBj{
    position: fixed;
    z-index: 90;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.80;
    filter: alpha(opacity=80);
}
.zoomBj-hide{
    opacity: 0;
    filter: alpha(opacity=0);
}
.zoomBj{
    animation: zoomBjFirst 0.3s;
    -moz-animation: zoomBjFirst 0.3s;	/* Firefox */
    -webkit-animation: zoomBjFirst 0.3s;	/* Safari 和 Chrome */
    -o-animation: zoomBjFirst 0.3s;	/* Opera */
}
.zoomBj-hide{
    animation: zoomBjFirstHide 0.3s;
}
@keyframes zoomBjFirst
{
    0%   {opacity: 0;filter:alpha(opacity=0);}
    100% {opacity: 0.80;filter:alpha(opacity=80);}
}
@-moz-keyframes zoomBjFirst /* Firefox */
{
    0%   {opacity: 0;filter:alpha(opacity=0);}
    100% {opacity: 0.80;filter:alpha(opacity=80);}
}
@-webkit-keyframes zoomBjFirst /* Safari 和 Chrome */
{
    0%   {opacity: 0;filter:alpha(opacity=0);}
    100% {opacity: 0.80;filter:alpha(opacity=80);}
}
@-o-keyframes zoomBjFirst /* Opera */
{
    0%   {opacity: 0;filter:alpha(opacity=0);}
    100% {opacity: 0.80;filter:alpha(opacity=80);}
}
@keyframes zoomBjFirstHide
{
    0%   {opacity: 0.80;filter:alpha(opacity=80);}
    100% {opacity: 0;filter:alpha(opacity=0);}
}
@-moz-keyframes zoomBjFirstHide /* Firefox */
{
    0%   {opacity: 0.80;filter:alpha(opacity=80);}
    100% {opacity: 0;filter:alpha(opacity=0);}
}
@-webkit-keyframes zoomBjFirstHide /* Safari 和 Chrome */
{
    0%   {opacity: 0.80;filter:alpha(opacity=80);}
    100% {opacity: 0;filter:alpha(opacity=0);}
}
@-o-keyframes zoomBjFirstHide /* Opera */
{
    0%   {opacity: 0.80;filter:alpha(opacity=80);}
    100% {opacity: 0;filter:alpha(opacity=0);}
}
.zoomComBox{
    z-index: 95;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    transform: translateX(-50%) translateY(-50%);
    max-height: 15.9rem;
    overflow: auto;
}
.zoomCom{position: relative; width: 100%;height: auto;overflow-y: auto;text-align: center; border-radius: 0.1rem; transform: scale(1,1);opacity: 1;}
.zoomCom img{border-radius: 0.1rem;display: inline-block;width: 100%}
.zoomCom2{position: relative; width: 100%;height: auto;overflow-y: auto; text-align: center; border-radius: 0.1rem; transform: scale(1,1);opacity: 1;}
.zoomCom2 img{border-radius: 0.1rem;display: inline-block;}
.zoomCom-hide{transform: scale(0.5,0.5);opacity: 0;}
.zoomCom-hide2{transform: scale(1,1);opacity: 0;}
.zoomCom{
    animation: zoomComFirst 0.3s;
}
@keyframes zoomComFirst
{
    0%   {transform: scale(0.5,0.5);opacity: 0;}
    100% {transform: scale(1,1);opacity: 1;}
}
@-moz-keyframes zoomComFirst /* Firefox */
{
    0%   {transform: scale(0.5,0.5);opacity: 0;}
    100% {transform: scale(1,1);opacity: 1;}
}
@-webkit-keyframes zoomComFirst /* Safari 和 Chrome */
{
    0%   {transform: scale(0.5,0.5);opacity: 0;}
    100% {transform: scale(1,1);opacity: 1;}
}
@-o-keyframes zoomComFirst /* Opera */
{
    0%   {transform: scale(0.5,0.5);opacity: 0;}
    100% {transform: scale(1,1);opacity: 1;}
}
.proCom-hide{
    animation: zoomComFirstHide 0.3s;
}
@keyframes zoomComFirstHide
{
    0%   {transform: scale(1,1);opacity: 1;}
    100% {transform: scale(0.5,0.5);opacity: 0;}
}
@-moz-keyframes zoomComFirstHide /* Firefox */
{
    0%   {transform: scale(1,1);opacity: 1;}
    100% {transform: scale(0.5,0.5);opacity: 0;}
}
@-webkit-keyframes zoomComFirstHide /* Safari 和 Chrome */
{
    0%   {transform: scale(1,1);opacity: 1;}
    100% {transform: scale(0.5,0.5);opacity: 0;}
}
@-o-keyframes zoomComFirstHide /* Opera */
{
    0%   {transform: scale(1,1);opacity: 1;}
    100% {transform: scale(0.5,0.5);opacity: 0;}
}
/* 图片放大 END*/

/* TabNav */
.TabNav{
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    width: 100%;
    top: 0;
    left: 0;
}
.TabNavUl{
    position: relative;
    display: flex;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    background-color: #fff;
    border-bottom: 1px solid #cccccc;
    white-space: nowrap;
    word-break: keep-all;
    overflow-x: auto;
    overflow-y: hidden;
}
.TabNavUl li{
    position: relative;
    height: 1.1733333rem;
    display: flex;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    line-height: 1.1733333rem;
    text-align: center;
    font-size: 0.4rem;
    color: #666666;
    width: auto;
    margin-left: 0.78rem;
}
.TabNavUl li:last-child{
    padding-right: 0.78rem;
}
.TabNavUl li > span{
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
    word-break: keep-all;
}
.TabNavUl li.active > span{
    color: #459ced;
}
.lanPos{
    width: 0;
    height: 0.08rem;
    background-color: #459ced;
    border-radius: 999px;
    position: absolute;
    left: 0;
    bottom: 0.13rem;
    z-index: 1;
    transition: all .3s;
}
.TabNavUl.ul2 li:last-child,.TabNavUl.ul3 li:last-child,.TabNavUl.ul4 li:last-child{
    padding-right: 0;
}
.TabNavUl.ul2 li > span,.TabNavUl.ul3 li > span,.TabNavUl.ul4 li > span{
    width: initial;
}
.TabNavUl.ul2 li{
    margin-left: 25%;
}
.TabNavUl.ul3 li{
    margin-left: 16%;
}
.TabNavUl.ul4 li{
    margin-left: 10%;
}
/* TabNav END*/


/* layer */
.layui-m-layerchild{
    font-size: 0.38rem!important;
}
.layui-m-layer0 .layui-m-layerchild {
    width: 7.2rem!important;
    max-width: 10rem!important;
    border-radius: 0.333333rem!important;
}
.layui-m-layer0 .layui-m-layercont {
    padding: 0.85rem 0.66rem!important;
    line-height: 1.4!important;
    background-color: rgba(255, 255, 255, 1)!important;
    border-radius: 0.333333rem!important;
}
.layui-m-layerbtn{
    height: 1.1733333rem!important;
    line-height: 1.1733333rem!important;
    background-color: #ffffff!important;
    border-top: 1px solid #cccccc!important;
}
.layui-m-layerbtn span[no] {
    border-right: 1px solid #cccccc!important;
    border-radius: 0 0 0 0.333333rem!important;
}
.layui-m-layerbtn, .layui-m-layerbtn span {
    border-radius: 0 0 0.333333rem 0.333333rem!important;
}
.layui-m-layershade{
    background-color: rgba(0,0,0,.3)!important;
}

.layui-m-layerbtn span{
    font-size: 0.38rem!important;
}
.layui-m-layer0 .layui-select{
    width: 8rem!important;
}
.layui-m-layer0 .layui-select .layui-m-layercont{
    padding: 0.5333333rem 0.66rem!important;
}
.layui-m-layer0 .layui-select .layui-m-layercont .title{
    position: relative;
    font-size: 0.48rem;
}
.layui-m-layer0 .layui-select .layui-m-layercont .title .but{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
}

.layui-m-layer2 .layui-m-layercont {
    text-align: center;
    padding: 0!important;
    line-height: 0!important;
    background-color: transparent!important;
}
.layui-m-layer2 .layui-m-layercont i {
    width: 0.33333rem!important;
    height: 0.33333rem!important;
}
.layui-m-layer1 .layui-m-layerchild{
    height: auto!important;
    padding: 0!important;
}
.layui-m-layer1 .layui-m-layerchild .title{
    text-align: center;
    height: 0.9066666rem;
    line-height: 0.9066666rem;
    padding: 0 0.426666rem;
    color: #222222;
    font-size: 0.4rem;
}
.layui-m-layer1 .layui-m-layerchild .title .but{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0.426666rem;
}
.layui-m-layer1 .layui-m-layerchild .content{
    color: #222222;
    overflow: auto;
    max-height: 6rem;
}
.layui-m-layer1 .layui-m-layerchild .content ul li{
    height: 1.32rem;
    line-height: 1.32rem;
    border-top: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    font-size: 0.48rem;
}
.layuiClose:before{
    font-size: 0.4rem;
}
    /* layer END */


/*** Pull down styles */
#wrapper{
    position: absolute;
    top: 1.17333333rem;
    bottom: 0rem;
    width: 100%;
}
#scroller{
    width: 100%;
}
#pullDown, #pullUp {
    position: relative;
    height:40px;
    line-height:40px;
    padding:5px 10px;
    font-weight:bold;
    font-size:14px;
    color:#888;
    text-align: center;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
    display:inline-block;
    width:40px;
    height:40px;
    background:url() 0 0 no-repeat;
    -webkit-background-size:40px 80px; background-size:40px 80px;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:250ms;
}
#pullDown .pullDownIcon {
    -webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
    -webkit-transform:rotate(-180deg) translateZ(0);
}
.pullDownIcon,.pullUpIcon{
    position: relative;
    top: 0;
    left: 0;
}
.pullDownLabel,.pullUpLabel{
    display: inline-block;
    position: relative;
    top: -0.16rem;
    left: 0;
    font-size: 0.3rem;
}
#pullDown.flip .pullDownIcon {
    -webkit-transform:rotate(-180deg) translateZ(0);
}
#pullUp.flip .pullUpIcon {
    -webkit-transform:rotate(0deg) translateZ(0);
}
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
    background-position:0 100%;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-transition-duration:0ms;

    -webkit-animation-name:loading;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
}
@-webkit-keyframes loading {
    from { -webkit-transform:rotate(0deg) translateZ(0); }
    to { -webkit-transform:rotate(360deg) translateZ(0); }
}
/*** Pull down styles END */
